import React from 'react'
import { StatusBar } from 'react-native'
import { SafeAreaProvider } from 'react-native-safe-area-context'
import { NavigationContainer } from '@react-navigation/native'
import { MyStack } from './router'
import { RootSiblingParent } from 'react-native-root-siblings'

const App = () => {
  return (
    <SafeAreaProvider>
      <StatusBar barStyle={'dark-content'} backgroundColor="#fff"></StatusBar>
      {/* 路由容器 */}
      <NavigationContainer>
        {/* 挂载 toast 弹窗组件 */}
        <RootSiblingParent>
          <MyStack></MyStack>
        </RootSiblingParent>
      </NavigationContainer>
    </SafeAreaProvider>
  )
}

export default App
